<div class="content-warp" *ngIf="page === 1">
  <div class="content-header">
    <span class="content-title">在线充值</span>
  </div>
  <div class="content-body">
    <nz-spin [nzSpinning]="_isSpinning">
      <form nz-form [formGroup]="validateForm" (ngSubmit)="_submitForm()">
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="9" [nzXs]="24">充值金额:</div>
          <div nz-form-control nz-col [nzSm]="12" [nzXs]="24" [nzValidateStatus]="getFormControl('total_fee')">
            <div class="money-yuan">￥</div>
            <nz-input style="width: 280px;" [nzSize]="'large'" formControlName="total_fee" [nzPlaceHolder]="'请输入'" [class]="'total-fee'" [nzType]="'number'"></nz-input>
            <div class="fee-money-scale">1元=100积分</div>
            <div nz-form-explain *ngIf="getFormControl('total_fee').dirty&&getFormControl('total_fee').hasError('required')">请输入充值金额</div>
            <div nz-form-explain *ngIf="getFormControl('total_fee').dirty&&getFormControl('total_fee').hasError('minNum')">充值金额最小为0.01</div>
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="9" [nzXs]="24">充值方式:</div>
          <div nz-form-control nz-col [nzSpan]="12" [nzValidateStatus]="getFormControl('type')">
            <nz-radio-group formControlName="type">
              <div class="pay-type" nz-radio-button [nzValue]="1">
                <span class="pay-type-pick"></span>
                <span class="pay-type-icon"><img src="../../../../../assets/images/wxpay.png" alt=""></span>
                <span class="pay-type-text">微信支付</span>
              </div>
              <div class="pay-type" nz-radio-button [nzValue]="2">
                <span class="pay-type-pick"></span>
                <span class="pay-type-icon"><img src="../../../../../assets/images/alipay.png" alt=""></span>
                <span class="pay-type-text">支付宝</span>
              </div>
              <div nz-form-explain *ngIf="getFormControl('type').dirty&&getFormControl('type').hasError('required')">请选择充值方式</div>
            </nz-radio-group>
          </div>
        </div>
        <div nz-form-item nz-row style="margin-bottom:8px;">
          <div nz-form-control nz-col [nzSpan]="14" [nzOffset]="9">
            <button nz-button [nzSize]="'large'" [nzType]="'primary'">下一步</button>
            <button nz-button [nzSize]="'large'" [nzType]="'default'" type="button" routerLink="../../user" style="margin-left: 20px">取消</button>
          </div>
        </div>
      </form>
    </nz-spin>
  </div>
</div>

<div class="content-warp" *ngIf="page === 2">
  <div class="content-header">
    <i class="anticon anticon-left-circle-o content-title-icon-l" (click)="page = 1"></i>
    <span class="content-title">微信充值</span>
  </div>
  <div class="content-body">
    <div class="wx-code-title">扫一扫付款（元）</div>
    <div class="wx-code-price">{{validateForm.controls['total_fee'].value}}元</div>
    <div class="wx-code">
      <img src="{{wxCode}}" alt="">
    </div>
  </div>
</div>


